<template>
  <router-view />
</template>

<script setup>
  import useSettingsStore from '@/store/modules/settings'
  import {
    handleThemeStyle
  } from '@/utils/theme'

  onMounted(() => {
    nextTick(() => {
      // 初始化主题样式
      handleThemeStyle(useSettingsStore().theme)
    })
  })
</script>
<style>
  .el-drawer__header {
    align-items: center;
    color: #72767b;
    font-weight: 600 !important;
    display: flex;
    margin-bottom: 10px !important;
    padding: var(--el-drawer-padding-primary);
    padding-bottom: 0;
  }
</style>
